/*
 * @Author: xueyp
 * @Date: 2018-09-10 14:30:11
 * @Last Modified by: xueyp
 * @Last Modified time: 2018-09-11 12:23:16
 */
<template>
    <div class="content">
        <vHeader></vHeader>
        <el-breadcrumb separator-class="el-icon-arrow-right" style="margin:20px">
            <el-breadcrumb-item v-for='(item,index) in routerMatched.router' :key='index'>{{item.name}}</el-breadcrumb-item>
        </el-breadcrumb>
        <router-view></router-view>
    </div>
</template>
<script>
import vHeader from '@/components/header/header';
import { mapGetters } from 'vuex';

export default {
  components: {
    vHeader
  },
  computed: {
    ...mapGetters(['routerMatched'])
  }
};
</script>
<style lang="stylus" scoped>
.content {
    width: 100%;
    height: 100%;
    background-color: #f5f7f9;
    overflow: auto;
}
</style>
